<template>
    <div class="main">
        <Layout class="main">
            <Header :style="{paddingTop:'2px'}">
                <Menu mode="horizontal" theme="dark" active-name="home">
                    <MenuItem name="home">   
                        首页
                    </MenuItem>
                    <MenuItem name="2">
                        用户管理
                    </MenuItem>
                    <Submenu name="3">
                        <template slot="title">
                            统计分析
                        </template>
                        <MenuGroup title="使用">
                            <MenuItem name="3-1">新增和启动</MenuItem>
                            <MenuItem name="3-2">活跃分析</MenuItem>
                            <MenuItem name="3-3">时段分析</MenuItem>
                        </MenuGroup>
                        <MenuGroup title="留存">
                            <MenuItem name="3-4">用户留存</MenuItem>
                            <MenuItem name="3-5">流失用户</MenuItem>
                        </MenuGroup>
                    </Submenu>
                    <MenuItem name="4">
                        综合设置
                    </MenuItem>
                </Menu>
            </Header>
            <Content>
                <router-view/>
            </Content>
        </Layout>
    </div>
</template>

<script>
    export default {
        name:'Main',
        data() {
            return {
                
            }
        },
        methods: {
         
        },
        computed:{
          
        },
        mounted(){
        
        }
    }
</script>

<style>
    .main{
        height: 100%;
        width: 100%;
    }
    @import './index.css';
</style>